<template>
  <div class="aboutBox">
    <div class="about_center">
      <div class="dreame">
        Reading completes me
      </div>
      <div class="reading">
        <div class="text">{{ arr }}</div>
      </div>
    </div>
  </div>
</template>

<script>
import { ConfigsApi } from "../../requery/api";
export default {
  data() {
    return {
      arr: [],
    };
  },
  created() {
    ConfigsApi().then((res) => {
      if (res.code == 200) {
        this.arr = res.data.about_us;
      }
    });
  },
};
</script>
 
<style lang = "less" scoped>
.aboutBox {
  width: 100vw;
  .about_center {
    width: 1160px;
    margin: 0 auto;
    padding: 37px 0;
    box-sizing: border-box;
    .dreame {
      font-size: 25px;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 39px;
      color: #333333;
    }
    .reading {
      width: 1038px;
      min-height: 500px;
      margin-top: 43px;
      .text {
        font-family: PingFang HK;
        font-size: 14px;
        margin-bottom: 26px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-line;
      }
    }
  }
}
</style>